<div draggable mat-dialog-title>
  <h6>{{title}}</h6>
</div>
<div mat-dialog-content>
  <form [formGroup]="formGroup" class="form-container" novalidate autocomplete="off">
    <mat-form-field>
      <input formControlName="deviceId" matInput placeholder="{{'deviceId' | translate}}" cdkFocusRegionStart>
      <mat-hint>{{"deviceIdTips" | translate}}</mat-hint>
      <mat-error *ngIf="formGroup.controls.deviceId.invalid">
        {{"deviceIdTips" | translate}}
      </mat-error>
    </mat-form-field>
  </form>
</div>
<div mat-dialog-actions>
  <div *ngIf="error" class="wdl-error">{{error | translate}}</div>
  <button mat-button (click)="dialogRef.close('Close')">{{"close" | translate}}</button>
  <button mat-button (click)="submit()" [disabled]="disableSubmit()">{{"submit" | translate}}</button>
</div>